<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PanelDemo-面板</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-body">
                hello word
            </div>
        </div>
        <div class="panel panel-info">
            <div class="panel-heading">
                Look
            </div>
            <div class="panel-body">
                Hello word
            </div>
            <div class="panel-footer panel-danger">
                www.HelloWord.com
            </div>
        </div>
        <div class="panel panel-success">
            <div class="panel-heading">
                Look
            </div>
            <div class="panel-body">
                Table Content
            </div>
            <table class="table">
                <tbody>
                    <tr class="info">
                        <td>Something</td>
                        <td>Something</td>
                        <td>Something</td>
                    </tr>
                    <tr class="danger">
                        <td>Something</td>
                        <td>Something</td>
                        <td>Something</td>
                    </tr>
                    <tr class="info">
                        <td>Something</td>
                        <td>Something</td>
                        <td>Something</td>
                    </tr>
                    <tr class="success">
                        <td>Something</td>
                        <td>Something</td>
                        <td>Something</td>
                    </tr>
                    <tr class="info">
                        <td>Something</td>
                        <td>Something</td>
                        <td>Something</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="panel panel-info">
            <div class="panel-heading">
                Hello Word
            </div>
            <div class="panel-body">
                List in here
            </div>
            <ul class="list-group">
                <li class="list-group-item">HelloWord!</li>
                <li class="list-group-item">HelloWord2</li>
                <li class="list-group-item">HelloWord3</li>
                <li class="list-group-item">HelloWord4</li>
                <li class="list-group-item">HelloWord5</li>
                <li class="list-group-item">HelloWord6</li>
            </ul>
        </div>
    </div>
</body>
</html>